.classification{
    height:480px;
    width: 100%;
    background-color:blue;
}
.classification .classify-c{
    width: 1240px;
    height: 480px;
}
.classification .classify ul{
    margin-top:16px;
    margin-left:30px;
}
.classification .classify{
    float: left;
    width: 245px;
    height: 480px;
    line-height: 56px;
    background-color:#dfd5f9;
}
.classification .banner{
    position: relative;
    /* position: relative; */
    float: left;
    width: 990px;
    height: 480px;
    background-color:red;
    overflow: hidden;
}
.classification .banner ul{
    position: absolute;
    left: 0;
    top: 0;
    width: 6000px;
    height: 480px;
}
.classification .banner ul li{
    float: left;
    width: 990px;
    height: 480px;
}
.classification .banner ul img{
    position: absolute;
    left: 0px;
    top: 0;
    width: 990px;
    height: 480px;
    object-fit: cover;
}
.classification .banner span{
    position: absolute;
    top:210px;
    width:60px;
    height:60px;
    margin-top: 13px;
    background: url(../images/banner_arrow_left.png) no-repeat center center;
    cursor: pointer;
}
.classification .banner .btn .right-btn {
    right: 0;
    background-image: url(../images/banner_arrow_right.png);
}
.classification .banner .btn .left-btn:hover {
    background-image: url(../images/banner_arrow_left_highlight.png);
}
.classification .banner .btn .right-btn:hover {
    background-image: url(../images/banner_arrow_right_highlight.png);
}
.classification .banner ol{
    position: absolute;
    left: 50%;
    bottom: 16px;
    height: 6px;
    width: 75px;
    margin-left: 37.5px;
}
.classification .banner ol li{
    float: left;
    width: 7px;
    height: 6px;
    border-radius: 3px;
    margin: 0 4px;
    background-color: rgba(255,255,255,0.4);
}
.classification .banner ol li.current{
    width: 13px;
    margin: 0 1px;
    background-color: #fff;
}